// vim: ts=4:sw=4:nu:fdc=4:nospell
/**
 * Ext.ux.form.LovCombo, List of Values Combo
 *
 * @author    Ing. Jozef Sakáloš
 * @copyright (c) 2008, by Ing. Jozef Sakáloš
 * @date      16. April 2008
 * @version   $Id: Ext.ux.form.LovCombo.js 285 2008-06-06 09:22:20Z jozo $
 *
 * @license Ext.ux.form.LovCombo.js is licensed under the terms of the Open Source
 * LGPL 3.0 license. Commercial use is permitted to the extent that the 
 * code/component(s) do NOT become part of another Open Source or Commercially
 * licensed development library or toolkit without explicit permission.
 * 
 * License details: http://www.gnu.org/licenses/lgpl.html
 */

/*global Ext */


Ext.ADD_ALL_IMAGE_URL = 'resources/icons/fam/icons/database_add.png'; //definesc imagini pentru lovebox
Ext.REMOVE_ALL_IMAGE_URL = 'resources/icons/fam/icons/database_delete.png';

// add RegExp.escape if it has not been already added
if ('function' !== typeof RegExp.escape) {
	RegExp.escape = function(s) {
		if ('string' !== typeof s) {
			return s;
		}
		// Note: if pasting from forum, precede ]/\ with backslash manually
		return s.replace(/([.*+?^=!:${}()|[\]\/\\])/g, '\\$1');
	}; // eo function escape
}

// create namespace
Ext.ns('Ext.ux.form');

/**
 *
 * @class Ext.ux.form.LovCombo
 * @extends Ext.form.ComboBox
 */
Ext.ux.form.LovCombo = Ext.extend(Ext.form.ComboBox, {

	// {{{
	// configuration options
	/**
	 * @cfg {String} checkField name of field used to store checked state.
	 * It is automatically added to existing fields.
	 * Change it only if it collides with your normal field.
	 */
	checkField: 'checked',
	levelField:'0'

	/**
	 * @cfg {String} separator separator to use between values and texts
	 */
	,
	separator: '='

	/**
	 * @cfg {String/Array} tpl Template for items. 
	 * Change it only if you know what you are doing.
	 */
	// }}}
	// {{{
	,
	initComponent: function() {

		// template with checkbox
		if (!this.tpl) {
			this.tpl = '<tpl for=".">' + '<div class="x-combo-list-item">' + '<img src="' + Ext.BLANK_IMAGE_URL + '" ' + 'class="ux-lovcombo-icon ux-lovcombo-icon-' + '{[values.' + this.checkField + '?"checked":"unchecked"' + ']}">' +'<div class="ux-lovcombo-item-text ux-lovcombo-level-{' + this.levelField + '}">{' + (this.displayField || 'text' )+ '}</div>' + '</div>' + '</tpl>';
																	
		}

		// call parent
		Ext.ux.form.LovCombo.superclass.initComponent.apply(this, arguments);

		this.triggerConfig = {
			tag: 'span',
			cls: 'x-form-twin-triggers',
			style: 'padding-right:2px',
			// padding needed to prevent IE from clipping 2nd trigger button
			cn: [{
				tag: "img",
				src: Ext.BLANK_IMAGE_URL,
				cls: "x-form-trigger"
			},
			{
				tag: "img",
				src: Ext.ADD_ALL_IMAGE_URL,
				style: 'cursor:pointer;background:none !important;border:0 !important;width:16px;height:16px',
				cls: "x-form-trigger"
			},
			{
				tag: "img",
				src: Ext.REMOVE_ALL_IMAGE_URL,
				style: 'cursor:pointer;background:none !important;border:0 !important;width:16px;height:16px',
				cls: "x-form-trigger"
			}]
		};

		// install internal event handlers
		this.on({
			scope: this,
			beforequery: this.onBeforeQuery,
			blur: this.onRealBlur
		});

		// remove selection from input field
		this.onLoad = this.onLoad.createSequence(function() {
			if (this.el) {
				var v = this.el.dom.value;
				this.el.dom.value = '';
				this.el.dom.value = v;
			}
		});

	} // e/o function initComponent
	// }}}
	// {{{
	/**
	 * Disables default tab key bahavior
	 * @private
	 */
	,
	initEvents: function() {
		Ext.ux.form.LovCombo.superclass.initEvents.apply(this, arguments);

		// disable default tab handling - does no good
		this.keyNav.tab = false;

	} // eo function initEvents
	// }}}
	// {{{
	/**
	 * clears value
	 */
	,
	clearValue: function() {
		this.value = '';
		this.setRawValue(this.value);
		this.store.clearFilter();
		this.store.each(function(r) {
			r.set(this.checkField, false);
		},
		this);
		if (this.hiddenField) {
			this.hiddenField.value = '';
		}
		this.applyEmptyText();
	} // eo function clearValue
	// }}}
	// {{{
	/**
	 * @return {String} separator (plus space) separated list of selected displayFields
	 * @private
	 */
	,
	getCheckedDisplay: function() {
		var re = new RegExp(this.separator, "g");
		return this.getCheckedValue(this.displayField).replace(re, this.separator + '');
	} // eo function getCheckedDisplay
	// }}}
	// {{{
	/**
	 * @return {String} separator separated list of selected valueFields
	 * @private
	 */
	,
	getCheckedValue: function(field) {
		field = field || this.valueField;
		var c = [];

		// store may be filtered so get all records
		var snapshot = this.store.snapshot || this.store.data;

		snapshot.each(function(r) {
			if (r.get(this.checkField)) {
				c.push(r.get(field));
			}
		},
		this);

		return c.join(this.separator);
	} // eo function getCheckedValue
	// }}}
	// {{{
	/**
	 * beforequery event handler - handles multiple selections
	 * @param {Object} qe query event
	 * @private
	 */
	,
	onBeforeQuery: function(qe) {
		qe.query = qe.query.replace(new RegExp(this.getCheckedDisplay() + '[ ' + this.separator + ']*'), '');
	} // eo function onBeforeQuery
	// }}}
	// {{{
	/**
	 * blur event handler - runs only when real blur event is fired
	 */
	,
	onRealBlur: function() {
		this.list.hide();
		var rv = this.getRawValue();
		var rva = rv.split(new RegExp(RegExp.escape(this.separator) + ' *'));
		var va = [];
		var snapshot = this.store.snapshot || this.store.data;

		// iterate through raw values and records and check/uncheck items
		Ext.each(rva,
		function(v) {
			snapshot.each(function(r) {
				if (v === r.get(this.displayField)) {
					va.push(r.get(this.valueField));
				}
			},
			this);
		},
		this);
		this.setValue(va.join(this.separator));
		this.store.clearFilter();
	} // eo function onRealBlur
	// }}}
	// {{{
	/**
	 * Combo's onSelect override
	 * @private
	 * @param {Ext.data.Record} record record that has been selected in the list
	 * @param {Number} index index of selected (clicked) record
	 */
	,
	onSelect: function(record, index) {
		if (this.fireEvent('beforeselect', this, record, index) !== false) {

			// toggle checked field
			record.set(this.checkField, !record.get(this.checkField));

			// display full list
			if (this.store.isFiltered()) {
				this.doQuery(this.allQuery);
			}

			// set (update) value and fire event
			this.setValue(this.getCheckedValue());
			this.fireEvent('select', this, record, index);
		}
	} // eo function onSelect
	// }}}
	// {{{
	/**
	 * Sets the value of the LovCombo
	 * @param {Mixed} v value
	 */
	,
	setValue: function(v) {
		if (v) {
			v = '' + v;
			if (this.valueField) {
				this.store.clearFilter();
				this.store.each(function(r) {
					var checked = !(!v.match('(^|' + this.separator + ')' + RegExp.escape(r.get(this.valueField)) + '(' + this.separator + '|$)'));

					r.set(this.checkField, checked);
				},
				this);
				this.value = this.getCheckedValue();
				this.setRawValue(this.getCheckedDisplay());
				if (this.hiddenField) {
					this.hiddenField.value = this.value;
				}
			} else {
				this.value = v;
				this.setRawValue(v);
				if (this.hiddenField) {
					this.hiddenField.value = v;
				}
			}
			if (this.el) {
				this.el.removeClass(this.emptyClass);
			}
		} else {
			this.clearValue();
		}
	} // eo function setValue
	// }}}
	// {{{
	/**
	 * Selects all items
	 */
	,
	selectAll: function() {
		this.store.each(function(record) {
			// toggle checked field
			record.set(this.checkField, true);
		},
		this);

		//display full list
		this.doQuery(this.allQuery);
		this.setValue(this.getCheckedValue());
	} // eo full selectAll
	// }}}
	// {{{
	/**
	 * Deselects all items. Synonym for clearValue
	 */	
	,beforeBlur: function() { },
	deselectAll: function() {
		this.clearValue();
	} // eo full deselectAll 
	// }}}
	,
	getTrigger: function(index) {
		return this.triggers[index];
	},

	initTrigger: function() {
		var ts = this.trigger.select('.x-form-trigger', true);
		//this.wrap.setStyle('overflow', 'hidden');
		var triggerField = this;
		ts.each(function(t, all, index) {
			t.hide = function() {
				var w = triggerField.wrap.getWidth();
				this.dom.style.display = 'none';
				triggerField.el.setWidth(w - triggerField.trigger.getWidth());
			};
			t.show = function() {
				var w = triggerField.wrap.getWidth();
				this.dom.style.display = '';
				triggerField.el.setWidth(w - triggerField.trigger.getWidth());
			};
			var triggerIndex = 'Trigger' + (index + 1);

			if (this['hide' + triggerIndex]) {
				t.dom.style.display = 'none';
			}
			t.on("click", this['on' + triggerIndex + 'Click'], this, {
				preventDefault: true
			});
			//t.addClassOnOver('x-form-trigger-over');
			//t.addClassOnClick('x-form-trigger-click');
		},
		this);
		this.triggers = ts.elements;
	},

	onTrigger1Click: function() {
		this.onTriggerClick();
	},
	// pass to original combobox trigger handler
	onTrigger2Click: function() {
		this.selectAll();
	},
	onTrigger3Click: function() {
		this.deselectAll();
	}

}); // eo extend
// register xtype
Ext.reg('lovcombo', Ext.ux.form.LovCombo);